.filter-dropdown {
  .option {
    @include padding(16, (left, right));
    @include padding(16, top);

    line-height: 1;
    @include type-size(200);
    color: $color-plum-700;
    text-decoration: underline;

    &.deactivated {
      text-decoration: none;
    }

    label {
      cursor: pointer;

      &.deactivated {
        cursor: not-allowed;
        color: $color-plum-400;
      }
    }
  }

  .active {
    font-weight: bold;
  }

  input[type="radio"] {
    display: none;
  }
}


.wrapper {
  width: 100%;
  margin-top: spacer(16);
  margin-bottom: spacer(16);

  button {
    padding-bottom: spacer(4);

    h3.header {
      @include type-size(200);
    }
  }


  @media screen and (min-width: $viewport-ms) {
    display: none;
  }
}
